@charset "utf-8";
/*!*3.3 表格
	Name:			style_table
	Example:		<table class="table table-bordered table-striped table-condensed"><thead><tr><th>…</th></tr></thead><tbody><tr><td>…</td></tr></tbody></table>
	Explain:		表格，None无样式，仅仅有列和行/.table行与行之间以水平线相隔/.table-bordered表格外围均有外边框/.table-striped奇数行背景设为浅灰色/.table-condensed竖直方向padding缩减一半，从8px变为4px，所有的 td 和 th 元素都受影响
*!
!*默认table*!
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left; font-weight:normal;}
!*带水平线*!
.table th{font-weight:bold}
.table th,.table td{padding:8px;word-break:break-all; !*支持IE，chrome，FF不支持*!word-wrap:break-word;!*支持IE，chrome，FF*!line-height:20px}
.table tbody tr.success > td{background-color:#dff0d8}
.table tbody tr.error > td{background-color:#f2dede}
.table tbody tr.warning > td{background-color:#fcf8e3}
.table tbody tr.info > td{background-color:#d9edf7}
.table tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}

!*带横向分割线*!
.table-border{border-bottom:1px solid #ddd}
.table-border th,.table-border td{border-top:1px solid #ddd}

!*th带背景*!
.table-bg thead th{background-color:#F5FAFE}
!*带外边框*!

.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0}
.table-bordered th,.table-bordered td{border-left:1px solid #ddd}


!*奇数行背景设为浅灰色*!
.table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
.table-striped tbody > tr:nth-child(odd).active > td,.table-striped tbody > tr:nth-child(odd).active > th{background-color:#f9ebed}

!*竖直方向padding缩减一半*!
.table-condensed th,.table-condensed td{padding:4px 5px}
!*鼠标悬停样式*!
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color: #f5f5f5}
!*定义颜色*!
!*悬停在行*!
.table tbody tr.active,.table tbody tr.active>td,.table tbody tr.active>th,.table tbody tr .active{background-color:#F9F5B6!important}
!*成功或积极*!
.table tbody tr.success,.table tbody tr.success>td,.table tbody tr.success>th,.table tbody tr .success{background-color:#DFF0D8!important}

!*警告或出错*!
.table tbody tr.warning,.table tbody tr.warning>td,.table tbody tr.warning>th,.table tbody tr .warning{background-color:#FCF8E3!important}
!*危险*!
.table tbody tr.danger,.table tbody tr.danger>td,.table tbody tr.danger>th,.table tbody tr .danger{background-color:#F2DEDE!important}

!*表格文字对齐方式，默认是居左对齐*!
.table .text-c th,.table .text-c td{text-align:center}!*整行居中*!
.table .text-r th,.table .text-r td{text-align:right}!*整行居右*!
.table th.text-l,.table td.text-l{text-align:left!important}!*单独列居左*!
.table th.text-c,.table td.text-c{text-align:center!important}!*单独列居中*!
.table th.text-r,.table td.text-r{text-align:right!important}!*单独列居右*!*/

/*datatable*/
/*table.dataTable {border-collapse: separate;border-spacing: 0;clear: both;}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {cursor: pointer; background-repeat:no-repeat;background-position:right center}
table.dataTable thead .sorting{background-image:url(../images/sort_both.png)}
table.dataTable thead .sorting_asc {background-image:url(../images/sort_asc.png)}
table.dataTable thead .sorting_desc {background-image:url(../images/sort_desc.png)}
.dataTables_wrapper .dataTables_length {float: left}
.dataTables_wrapper .dataTables_filter {float: right;text-align: right;}
.dataTables_wrapper .dataTables_info {clear: both;float: left;padding-top:10px}
.dataTables_wrapper .dataTables_paginate {float: right;padding-top:10px;text-align: right}
.dataTable td.sorting_1 {background-color: #f9f9f9}*/

/*让表格支持响应式*/
/*
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch}
  .table-responsive > .table {
    margin-bottom: 0}
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap}
  .table-responsive > .table-bordered {
    border: 0}
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0}
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0}
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0}
}*/
/*新增表格*/
table.tinytable>thead>.sorting{background-image:url("../images/sort_both.png");}
table.tinytable>thead>.sorting_asc{background-image:url("../images/sort_asc.png")}
table.tinytable>thead>.sorting_desc{background-image:url("../images/sort_desc.png")}
table.tinytable>thead>.sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}
table.tinytable>thead>.sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}
.tinytable{border-collapse: collapse;}
.tinytable{border:1px solid #eee}
.tinytable tr>th{background:#eee;color:#333;font-weight:bold}
.tinytable tr,.tinytable tr.odd{background:#f9f9f9}
.tinytable tr th,.tinytable tr td{padding:5px 8px;}/*border-bottom:1px solid #ddd;*/
.tinytable tr:nth-child(2n+1),.tinytable tr.even{background:#fff}
.tinyheaderTools{line-height:30px;height:30px;margin-bottom:10px}
.tinytableNav{margin:10px 0;line-height:34px}
.tinytableNav .pagination-sm ul{margin:0}
.table-responsive .tinytable{max-width:auto;min-width:100%;overflow-x:auto;overflow-y:hidden}
.table-responsive .tinytable td,.table-responsive .tinytable th{}
.tinytableLoading{font-size:16px; text-align:left;}
#tableInfo{padding:5px;}



/*新增行*/
.itemlist-table tbody tr td{vertical-align:middle; border:none;}
.itemlist-table{border:#ddd 1px solid;}